body {font-size:14px;font-family:Microsoft Yahei; color:#333; background: #f6f6f6;  }
HTML,body{
	min-height:100%;
}
.wrap {width:100%;overflow:hidden;}
*{margin:0; padding:0;	}
dl {margin:0;}
dt {font-weight:normal;}
ul, li {list-style-type:none;margin:0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a {color: #333; outline:none;text-decoration:none;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
a:hover {text-decoration:none;color:#1e77eb;outline:none;}
a:focus {text-decoration:none;color:inherit;outline:none;}
img { border:0;vertical-align:middle;}
table {border-collapse:collapse;}
input {border:0;outline:none;}
/*公共样式勿删除*/
.clearfix:after {content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {zoom: 1;}
.f_b {font-weight:bold;}
.v_m {vertical-align:middle;}
.v_t {vertical-align:top;}
.fl { float:left;}
.fr {float:right;}
.db {display:block;}
.dnb {display:inline-block;}
.d_n {display:none;}
.bod_r50 {border-radius:50%;}
.bod_r {border-radius:5px;}
.p20 {padding:20px;}
.pt5 {padding-top:5px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-left:5px;}
.pr5 {padding-right:5px;}
.pt10 {padding-top:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}
.pr10 {padding-right:10px;}
.pt15 {padding-top:15px;}
.pl15 {padding-left:15px;}
.pr15 {padding-right:15px;}
.pb15 {padding-bottom:15px;}
.pr20 {padding-right:20px;}
.pb20 {padding-bottom:20px;}
.pl20 {padding-left:20px;}
.pt20 {padding-top:20px;}
.pr25 {padding-right:25px;}
.pb25 {padding-bottom:25px;}
.pl25 {padding-left:25px;}
.pt25 {padding-top:25px;}
.pr30 {padding-right:30px;}
.pb30 {padding-bottom:30px;}
.pl30 {padding-left:30px;}
.pt30 {padding-top:30px;}
.mt5 {padding-top:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}
.mr5 {margin-right:5px;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mt15 {margin-top:15px;}
.ml15 {margin-left:15px;}
.mr15 {margin-right:15px;}
.mb15 {margin-bottom:15px;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}
.ml80 {margin-left:80px;}
.mt20 {margin-top:20px;}
.mr25 {margin-right:25px;}
.mb25 {margin-bottom:25px;}
.ml25 {margin-left:25px;}
.mt25 {margin-top:25px;}
.mr30 {margin-right:30px;}
.mb30 {margin-bottom:30px;}
.ml30 {margin-left:30px;}
.mt30 {margin-top:30px;}
.t_c {text-align:center;}
.t_r {text-align:right;}
.t_l {text-align:left;}
.f36 {font-size:40px;}
.f32 {font-size:32px;}
.f30 {font-size:30px;}
.f28 {font-size:28px;}
.f24 {font-size:24px;}
.f22 {font-size:22px;}
.f20 {font-size:20px;}
.f12 {font-size:12px;}
.f18 {font-size:18px;}
.f16 {font-size:16px;}
.f14 {font-size:14px;}
.bod {border:1px solid #eee;}
.b_t {border-top:1px solid #eee;}
.b_r {border-right:1px solid #ddd;}
.bb_d {border-bottom:1px dotted #ddd;}
.bb {border-bottom:1px solid #eee;}
.b_l {border-left:1px solid #eee;}
.lh30 {line-height:30px;}
.lh24 {line-height:24px;}
.t_d {text-decoration:underline;}
.p_r {position:relative;}
.c_p {cursor:pointer;}
.c_6 {color:#666;}
.white { color:#fff;}
.red {color:red;}
.c_9 {color:#999;}
.c_3 {color:#333;}
.yellow {color:#fcdd80;}
.blue{color:#1e77eb;}
.bgf {background:#fff;}
.orange {color:#ff9000;}
.box_s {box-shadow:0 0 20px #ccc;}
.td2 {text-indent:2em;}
.bgcolor {background:#f6f7f9;}
.green {color:#2daf57;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.search .form-control::-webkit-input-placeholder {
        color: #ccc;
      }
      .search .form-control::-moz-input-placeholder {
        color: #ccc;
      }
      .search .form-control::-ms-input-placeholder {
        color: #ccc;
      }

/**/
.header{
	background: #fff;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.navbar-default {
	margin:0;
	border:none;
	background:none;
}
.navbar-default .navbar-nav>li:first-child>a {
	border:none;
}
.navbar-default .navbar-nav>li>a {
	padding: 28px;
	font-size:16px;
	position:relative;
	line-height: normal;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover {
	background:#325dc1;
	color: #fff;
}
.logo {
	margin-top: 5px;
}
.footer {
	background: url(../images/bg_11.jpg) center no-repeat;
	height: 389px;
	background-size: cover;
	color: #d6d6d6;
}
.footer .a a {
	color: #d6d6d6;
}
.footer .a h3 {
	font-size: 16px;
	margin-top: 0;
	position: relative;
}
.footer .a{
	line-height: 36px;
	padding: 40px 0;
}
.footer .a .ul1 li{
	float: left;
	width: 50%;
}
.footer .b {
	line-height: 30px;
	text-align: center;
	border-top: 1px solid #373943;
	padding: 20px 0;
}
.footer .b p{
	margin: 0;
	font-size: 16px;
}
.homepage .a {
	position: relative;
	z-index: 100;
	margin-top: -90px;
}

.homepage .a .box {
	background: #325dc1;
	color: #fff;
	overflow: hidden;
}
.homepage .a .box .media {
	padding:50px 30px;
}
.homepage .a .box .media-left {
	text-align: right;
	font-size: 16px;
}
.homepage .a .box .media-left p{
	font-size: 83px;
	line-height: 83px;
}
.homepage .a .box .media-body p{
	border-bottom: 1px solid #5377cb;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.homepage .a .box .col-lg-4:nth-child(2){
	background: #2e57b4;
}
.homepage .b {
	padding: 50px 0;
}
.homepage .b dt {
	font-size: 24px;
	margin: 30px 0;
}
.homepage .b dd{
	font-size: 16px;
}
.homepage .b dd p{
	
	line-height: 30px;
	color: #666666;
	margin-bottom: 30px;
}
.homepage .b .pic {
	width: 100%;
}
.homepage .b .picbox{
	margin-top: 100px;
}
.homepage .b .picbox img{
	border: 1px solid #eee;
	margin-right: 15px;
	width: 150px;
	height: 150px;
}
.home_title {
	text-align: center;
}
.home_title h2{
	font-size: 30px;
}
.home_title span{
	display: block;
	margin: 15px auto;
	position: relative;
	width: 10px;
	height: 10px;
	background: #517fd1;
}
.home_title span:after {
	content: '';
	display: block;
	width: 228px;
	border-bottom: 1px solid #ebebeb;
	position: absolute;
	left: -240px;
	top: 5px;
}
.home_title span:before {
	content: '';
	display: block;
	width: 228px;
	border-bottom: 1px solid #ebebeb;
	position: absolute;
	right: -240px;
	top: 5px;
}
.home_title p{
	font-size: 16px;
	color: #999;
	line-height: 30px;
}
.swiper-button-next1 {
	background: url(../images/bg_05.png) center no-repeat;
	right: 0;
	width: 50px;
	height: 90px;
	border: 1px solid #757782;
	margin-top: -45px;
}
.swiper-button-prev1 {
	background: url(../images/bg_03.png) center no-repeat;
	left: 0;
	width: 50px;
	height: 90px;
	margin-top: -45px;
	border: 1px solid #757782;
}
.swiper-button-next2 {
	background: url(../images/home_30.png) center no-repeat;
	right: -60px;
}
.swiper-button-prev2 {
	background: url(../images/home_27.png) center no-repeat;
	left: -60px;
}

.homepage .c {
	background: url(../images/bg_09.jpg) center top no-repeat #fff;
	padding: 50px 0;
}
.homepage .c .home_title{
	color: #fff;
}
.homepage .c .home_title p{
	color: #ededed;
}
.homepage .c .home_title span{
	background: #fdb827;
}
.homepage .c .box{
	background: #fff;
	padding: 20px;
	margin-top: 30px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}
.homepage .c .box .pic{
	width: 100%;
}
.homepage .c .box dt {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}
.homepage .c .box dd p{
	line-height: 30px;
	color: #666;
	margin: 15px 0 30px;
}
.homepage .c .box .more{
	display: inline-block;
	border: 1px solid #ddd;
	padding: 10px 25px;
	margin-bottom: 15px;
} 
.homepage .d{
	background: #fff;
	padding-bottom: 50px;
}
.homepage .d .box{
	margin-top: 30px;
}
.homepage .d .data{
	width: 68px;
}
.homepage .d h3{
	font-size: 18px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.homepage .d .media-body p{
	margin: 0;
	line-height: 24px;
	color: #666;
}
.homepage .d li{
	padding: 25px 0;
	border-top: 1px solid #ddd;
}
.homepage .d .pic img{
	width: 100%;
}
/*.homepage .d ul{
	margin-top: 15px;
}*/
.homepage .d li .media-body p,.homepage .d li .media-heading{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}
.homepage .d .pl20 p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/**/
.banner {
	background: url(../images/2_02.jpg) center no-repeat;
	line-height: 300px;
	font-size: 30px;
	height: 300px;
	color: #fff;
	text-align: center;
}
.banner b{
	color: #f0d100;
}
.aboutus .a {
	padding-top: 30px;
}
.aboutus .a .box {
	margin-top: 30px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
}
.aboutus .a .pic {
	width: 100%;
}
.aboutus .a li{
	line-height: 24px;
	border-top: 1px dotted #ccc;
	padding: 30px 0;
}
.aboutus .a li:first-child{
	border: none;
	padding-top: 0;
}
.aboutus .b {
	padding: 40px 0;
}
.aboutus .b dt{
	font-size: 18px;
}
.aboutus .b dd {
	color: #666;
	margin: 10px 0;
}
.aboutus .b ul{
	margin: 0 -8px;
}
.aboutus .b li{
	float: left;
	width: 33.333%;
	box-sizing: border-box;
	padding: 8px;
}
.aboutus .b li img{
	width: 100%;
}
.aboutus .c{
	background: #f6f6f6;
	padding: 50px 0;
}
.aboutus .c li{
	font-size: 15px;
	line-height:83px;
	border-bottom: 1px solid #ddd;
}
.aboutus .c li span{
	float: left;
}
.aboutus .c li .left{
	width: 90px;
	display: block;
}
.aboutus .c li p{
	margin-left: 140px;
}

/**/
.banner-1{
	background: url(../images/8_02.jpg) center no-repeat;
}
.contantus {
	padding: 30px 0 50px;
}
.contantus .box {
	padding: 20px 120px 30px;
	font-size: 16px;
	line-height: 30px;
}
.contantus .box h3 {
	font-weight: bold;
}
/**/
.banner-2{
	background: url(../images/6_02.jpg) center no-repeat;
}
.pagination>li>a, .pagination>li>span {
	color: #666;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background: #1e9fff;
	border: 1px solid #1e9fff;
}
.case .box a{
	display:block;
	background: #f4f4f4;
	text-align: center;
	margin-top: 30px;
}
.case .box a dl {
	padding: 15px 0;
}
.case .box a dt{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.case .box a dd{
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
	color: #666;
}
.case .box a img{
	width: 100%;
}
.case .box a:hover{
	color: #fff;
	background: #325dc1;
}
.case .box a:hover dd{
	color: #fff;
}
/**/
.banner-3{
	background: url(../images/7_02.jpg) center no-repeat;
}
.newslist li {
	border-bottom: 1px solid #eee;
	padding: 30px 0;
}
.newslist li p{
	color: #999;
	line-height: 24px;
	margin-bottom: 0;
	margin-top: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.newslist li h4{
	font-size: 18px;
	line-height: 30px;
}
.newslist li h4 span{
	font-size: 30px;
	color: #666;
}
.newslist li .media-body {
	padding-left: 20px;
}
.newslist li .media-object {
	width: 302px;
	height: 127px;
}
/**/
.banner-4{
	background: url(../images/3_02.jpg) center no-repeat;
}
.product .box a {
	display:block;
	text-align:center;
	margin-top:30px;
	
}
.product .box a img{
	width:100%;
}
.product .box a dd{
	color:#999;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.product .box a dt{
	font-weight:bold;
	font-size:18px;
	margin-bottom:5px;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.product .box  dl{
	padding:15px 0;
}
.product .box a:hover{
	color:#fff;
	background:#325dc1;
}
.product .box a:hover dd{
	color:#fff;
}
.product .a {
	line-height:48px;
	margin-top:30px;
}
.product .a .tab a{
	display:inline-block;
	background:#f6f6f6;
	padding:0 20px;
	font-size:16px;
	margin-right:5px;
}
.product .a .tab a.on{
	background:#fdb827;
	color:#fff;
}

.product .box1 a{
	display:block;
	margin-top:30px;
}
.product .box1 a img{
	width:100%;
}
.product .box1 h3 {
	font-weight:bold;
	font-size:18px;
	margin-top:60px;
}
.dropdown-menu {
	min-width:100%;
	text-align:center;
	background:#0d172e;
	padding:0;
}
.dropdown-menu>li>a{
	padding:12px 0;
	color:#fff;
}
.dropdown-menu>li>a:hover{
	background:#fdb827;
	color:#fff;
}
/**/
.product_item .b {
	border-top:1px solid #eee;
	padding:20px 0 50px;
}
.product_item .b p{
	line-height:30px;
	color:#666;
	margin:20px 0;
}
.product_item .b h4{
	font-size:16px;
	margin:30px 0;
}
.product_item .b h2{
	font-size:18px;
	font-weight:bold;
	color:#325dc1;
}
.product_item .a {
	padding-bottom:30px;
}
.product_item .a .tabtitle{
	float:left;
}
.product_item .a .tabtitle li{
	border:1px solid #ddd;
	margin-bottom:10px;
	width:83px;
	height:83px;
}
.product_item .a .tabtitle li.on{
	border:1px solid #333;
}
.product_item .a .tabcontent {
	margin-left:92px;
}
.product_item .a img{
	width:100%;
}
.product_item .a .tabcontent img{
	border:1px solid #ddd;
}
.product_item .a p{
	line-height:30px;
	color:#999;
	height:310px;
	overflow:hidden;
}
.product_item .a h2{
	font-size:24px;
	margin-top:0;
}
.product_item .a h4{
	font-size:16px;
	color:#999;
	margin:20px 0 30px;
}
.product_item .a .btn{
	font-size:16px;
	font-weight:bold;
	color:#333333;
	padding:13px;
	border-radius:0;
}

.newslist li h4 a{
		display: block;
		width: 70%;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}



@media (min-width:992px) and (max-width:1200px){
	.navbar-default .navbar-nav>li>a {
		padding:28px 15px;
	}
	.footer .a{
		padding:20px 0;
	}
	.banner {
		font-size:24px;
	}
	.swiper-button-next2 {
		right:0;
	}
	.swiper-button-prev2 {
		left:0;
	}
	
	
}

@media (min-width:768px) and (max-width:991px){
	.product_item .a h2 {
		margin-top:30px;
	}
	.navbar-default .navbar-nav>li>a {
		padding:28px 10px;
		font-size:14px;
	}
	.m_n {
		display:none;
	}
	.footer .a {
		padding-bottom:10px;
	}
	.aboutus .c li{
		line-height:40px;
	}
	.aboutus .a li:first-child{
		padding-top:30px;
	}
	.product .a .tab a{
		font-size:14px;
		padding:0 10px;
	}
	.product .box a dt{
		font-size:16px;
	}
	.newslist li .media-object {
		width:250px;
		height:100px;
	}
	.contantus .box {
		padding:20px 0;
	}
	.case .box a dt{
		font-size:16px;
	}
	.banner {
		font-size:20px;
	}
	.homepage .a .box .media-left p{
		font-size:40px;
		line-height:40px;
	}
	.homepage .a{
		margin-top:30px;
	}
	
	
}
@media (max-width:767px){
	.navbar-default .navbar-nav>li>a{
		padding: 15px;
		font-size: 14px;
	}
	.swiper-button-next2{
		right: 0;
	}
	.swiper-button-prev2{
		left: 0;
	}
	.home_title span:after{
		width: 100px;
		left: -110px;
	}
	.home_title span:before{
		width: 100px;
		right: -110px;
	}
	.footer {
		height: auto;
	}
	.footer ul{
		display: none;
	}
	.footer .a h3 {
		margin-bottom: 15px;
		font-size: 14px;
	}
	.footer .a h3 span{
		display: inline-block;
		    height: 8px;
		    width: 8px;
		    border-width: 2px 2px 0 0;
		    border-color: #B2B2B2;
		    border-style: solid;
		    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
		    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
		    position: relative;
		    top: -2px;
		    position: absolute;
		    top: 50%;
		    margin-top: -5px;
		    right: 0;
	}
	.homepage .b .picbox{
		margin-top: 30px;
	}
	.homepage .a{
		margin-top: 15px;
	}
	.logo img{
		width: 50px;
	}
	.navbar-toggle{
		margin-right: 0;
	}
	.homepage .a .box .media{
		padding: 15px;
	}
	.homepage .a .box .media-left p{
		font-size: 50px;
		line-height: 50px;
	}
	.homepage .b .pic{
		margin-top: 30px;
	}
	.homepage .b dd p{
		font-size: 14px;
	}
	.navbar-collapse{
		float: none;
	}
	.swiper-button-next1 {
		background: url(../images/bg_05.png) center no-repeat;
		right: 0;
		width: 20px;
		height: 30px;
		border: 1px solid #757782;
		margin-top: -15px;
	}
	.swiper-button-prev1 {
		background: url(../images/bg_03.png) center no-repeat;
		left: 0;
		width: 20px;
		height: 30px;
		margin-top: -15px;
		border: 1px solid #757782;
	}
	.banner {
		line-height: 36px;
		font-size: 16px;
		padding-top: 110px;
	}
	.aboutus .a li{
		padding: 15px 0;
	}
	.aboutus .a li:first-child {
		padding-top: 15px;
	}
	.aboutus .c li {
		line-height: 24px;
		font-size: 14px;
		padding: 15px 0;
	}
	.contantus .box {
		padding: 15px 0;
	}
	.newslist li .media-object {
		width: 100px;
		height: 80px;
	}
	.newslist li h4 span {
		font-size: 14px;
	}
	.newslist li h4 a{
		font-size: 14px;
	}
	.newslist li p{
		margin-top: 5px;
		font-size: 12px;
	}
	.newslist li .media-body{
		padding-left: 5px;
	}
	.product_item .a .tabtitle li {
		width:60px;
		height:60px;
	}
	.product_item .a .tabcontent {
		margin-left:75px;
	}
	.product_item .a h2{
		margin-top:20px;
	}
	.footer ul {
		margin-bottom:15px;
	}
	
	
	
}